<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>Speech Example</title>
		<link rel="stylesheet" href="css/mui.min.css" />
		<link rel="stylesheet" href="css/common/common.css" />
		<link rel="stylesheet" href="css/speech/speech.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav header">
			<i class="mui-icon mui-icon-undo exit"></i>
			<h1 class="mui-title">语音识别</h1>
			<p><i id="tips" class="mui-icon mui-icon-help"></i></p>
		</header>
		<div class="mui-content">
			<div class="mui-input-row">
				<textarea id="content" readonly="readonly" class="riz-textarea" rows="10" placeholder="点击输入文字"></textarea>
				<div class="riz-fujian">
					<div id="cameraa">
						<i class="riz-camera"></i>
					</div>
					<div id="picturea">
						<i class="riz-picture"></i>
					</div>
					<div id="microphonea">
						<i class="riz-microphone"></i>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/libs/mui.min.js"></script>
		<script type="text/javascript" src="js/libs/zepto_1.1.3.js"></script>
		<script type="text/javascript" src="js/core/util/DMobileFrame.min.js"></script>
		<script type="text/javascript" src="js/core/util/speechUtil.js"></script>
		<script type="text/javascript" src="js/bizlogic/index.js"></script>
	</body>

</html>